/**
 * 输出环境的配置
 */
// ? '/production-sub-path/'
// : '/'
// publicPath: process.env.NODE_ENV === 'production',
module.exports = {
  publicPath: "./",
  outputDir: "dist",
  devServer: {
    open: true,
    host: "localhost",
    port: 5555,
    https: false,
    hotOnly: true,
    // overlay: {
    //   warning: false,
    //   errors: false,
    // },
  },
  lintOnSave: false,

  css: {
    loaderOptions: {
      // @/ 是 src/ 的别名
      // 默认情况下 `sass` 选项会同时对 `sass` 和 `scss` 语法同时生效
      // 因为 `scss` 语法在内部也是由 sass-loader 处理的
      // 但是在配置 `prependData` 选项的时候
      // `scss` 语法会要求语句结尾必须有分号，`sass` 则要求必须没有分号
      // 在这种情况下，我们可以使用 `scss` 选项，对 `scss` 语法进行单独配置
      scss: {
        prependData: `@import "~@/style/main.scss";`,
      },
    },
  },
};
